.editPage {
  display: flex;
  height: 100vh;
  background-color: #f4f4f4;
  width: 100%;
}

.edit{
  width: 100%;
  display: flex;
  justify-content: center;
}

.editForm {
  width: 678px;
  gap: 0px;
  border-radius: 8px;
  opacity: 0px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.editItem {
  height: 95px;
  width: 606px;
  border-bottom: 1px solid #00000024;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PingFang SC;
  font-size: 28px;
  font-weight: 400;
  line-height: 39.2px;
}
.editItem:last-child {
  border-bottom: none;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: 24px;
}

.open {
  opacity: 1;
  width: 36px;
  height: 36px;
  padding: 5px;
}

.right {
  font-family: PingFang SC;
  font-size: 28px;
  font-weight: 400;
  line-height: 39.2px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.button_box{
  width: 100%;
  display: flex;
  justify-content: center;
}

.button {
  width: Hug (416px) px;
  height: Hug (75px) px;
  padding: 18px 152px 18px 152px;
  border-radius: 6px;
  opacity: 0px;
  background-color: #04cb00;
  font-family: PingFang SC;
  font-size: 28px;
  font-weight: 500;
  line-height: 39.2px;
  text-align: left;
  color: #ffffff;
  margin-top: 44px;
}
